<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style type="text/css">
	#updateProductionDate{
		width: 450px;
		height: 300px;
		margin-left: -225px;
	}
	#updateArea {
		width: 450px;
	}
</style>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<ul class="breadcrumb">
				<li><span class="c-999">监控管理</span> <i
					class="icon-angle-right"></i>
				</li>
				<li><a class="c-666" onclick="util.showContent('pages/monitor/packDataMonitor.jsp')">电池数据监控</a></li>
			</ul>
		</div>
	</div>
	<div class="search-box">
		<div class="search-title">
			<span class="search-criteria c-666">&nbsp;查询条件</span>
		</div>
		<form id="pack_search_form">
			<table class="search-body" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<td >
						<label class="my-label">采集终端ID：
							<input id="id_colClientId" class="my-input" type="text" />
						</label>
						<label class="my-label">电池ID：
							<input id="id_packCode" class="my-input" type="text" />
						</label>
						<label class="my-label">客户简称：
							<select id="id_cusName" class="my-select">
								<option value=""></option>
							</select>
						</label>
					</td>
				</tr>
			</table>
		</form>
		<ul class="search-button">
		        <li><button class="btn blue" id="btn_query">查&nbsp;&nbsp;询</button></li>
				<li><button class="btn blue" id="btn_reset">重&nbsp;&nbsp;置</button></li>
		</ul>
	</div>
	<div class="table-con">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp;<i class="icon-reorder"></i>&nbsp;列表详情
		</div>
		<div class="list-body">
			<div class="portlet-body">
				<p>
					<button id="print" type="button" class="btn green hide" href="#dayin" data-toggle="modal">打&nbsp;&nbsp;印</button>
					<button id="setUnenable" type="button" class="btn bg-orange hide" data-toggle="modal" >置为失效</button>
					<button id="setFailure" type="button" class="btn red hide" data-toggle="modal" >置为报废</button>
					<button id="view_history_button" type="button" class="btn blue hide" data-toggle="modal" >查看历史数据</button>
					<button id="offline_file_upload" type="button" class="btn green hide"  data-toggle="modal">离线文件上传</button>
					<button id="update" type="button" class="btn bg-orange hide"  data-toggle="modal">编辑出厂日期</button>
					<button id="update_area" type="button" class="btn green"  data-toggle="modal">编辑使用者</button>
				</p>
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-bordered table-striped table-hover"
					id="pack_monitor_table">
					<thead>
						<tr>
							<th class="sorting_asc_disabled" style="width:8px;"><input
								type="checkbox" class="group-checkable"
								data-set="#pack_monitor_table .checkboxes" />
							</th>
							<th style="min-width:90px">采集终端ID</th>
							<th class="fourMinWidth">电池ID</th>
							<th class="fourMinWidth">电池型号</th>
							<th class="fourMinWidth">采集时间</th>  
							<th class="fourMinWidth">客户简称</th>  
							<th class="fourMinWidth">使用者</th>
							<!-- <th class="fourMinWidth">所属市地</th> -->
							<th class="fourMinWidth">有效状态</th>
							<th class="fourMinWidth">上电/下电</th>
							<th class="fourMinWidth">报废状态</th>
							<th class="fourMinWidth">出厂日期</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<div id="dayin" class="modal hide fade bd-green dayin" tabindex="-1" data-focus-on="input:first">
	<div class="modal-header al-right">
		<button type="button" class="close bg-green" data-dismiss="modal" aria-hidden="true"></button>
	</div>
	<div class="modal-body" id="print_area">
		<table class="table table-bordered">
			<tr>
				<td class="printTd">采集终端ID：</td>
				<td id="print_colClientId"></td>
			</tr>
			<tr>
				<td class="printTd">电池ID：</td>
				<td id="print_packNum"></td>
			</tr>
			<tr>
				<td class="printTd">客户名称：</td>
				<td id="print_cusName"></td>
			</tr>
		</table>
	</div>
	<div class="modal-footer al-center">
		<button type="button" data-dismiss="modal" class="btn green" id="print_confirm">确认打印</button>
	</div>
</div>

	<!--新增客户-->
	 <div id="greateID" class="modal hide fade" tabindex="-1">
		<div class="modal-header greateID-header bg-green c-bold c-fff">
			导入离线文件
		</div>
			<form id="fileUpload" method="post" enctype="multipart/form-data">
				<div class="modal-body greateID-body">
					<p class="c-666" style="margin:;position:relative;">离线文件：<input id="uploadFile" type="file" name="file" data-tabindex="1" multiple style="width:65%;"></p>
				</div>
			
		<div class="modal-footer al-center bg-fff">
			<button type="button" class="btn green" style="margin-right: 25px;" id="confirm_upload">导入</button>
			<button type="button" data-dismiss="modal" class="btn red" id="form_btn_close">取消</button>
		</div>
		</form>
	</div>

	<!--新增客户-->
	<div id="updateProductionDate" class="modal hide fade" tabindex="-1" data-focus-on="input:first" style=" width: 300px !important; height: 300px;">
		<div class="modal-header add-customer-header bg-green c-bold c-fff">
			<span id="customer_add_title"></span>
		</div>
		<div class="modal-body add-customer-body">
			<form action="" id="customer_form">
				<input type="hidden" id="pkId" name="pkId"> 
				<table class="table">
					<tr>
						<td>
							<span class="al-right">出厂日期：</span>
							<input id="productionDate" name="productionDate" style="width:220px" class="data-picker Wdate enterSearch" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})" />
						</td>
					</tr>
					
				</table>
			</form>
		</div>
		<div class="modal-footer al-center bg-fff">
			<button type="button"  class="btn green" data-dismiss="modal" style="margin-right: 25px;" id="form_company_save">保存</button>
			<button type="button" data-dismiss="modal" class="btn red" id="form_btn_close">取消</button>
		</div>
	</div>

	<div id="updateArea" class="modal hide fade" tabindex="-1" data-focus-on="input:first" style=" width: 830px !important; height: 300px;">
		<div class="modal-header add-customer-header bg-green c-bold c-fff">
			<span id="customer_add_area"></span>
		</div>
		<div class="modal-body add-customer-body">
			<form action="" id="area_form">
				<input type="hidden" id="areaPkId" name="areaPkId"> 
				<table class="table">
					<tr>
					<td colspan="2">
					       <span class="al-right">使用者：</span>
					       <input type="text" id="areaCode" name="areaCode" style="width:200px" maxlength="50">
						</td> 
					</tr>
					
				</table>
			</form>
		</div>
		<div class="modal-footer al-center bg-fff">
			<button type="button"  class="btn green" data-dismiss="modal" style="margin-right: 25px;" id="form_area_save">保存</button>
			<button type="button" data-dismiss="modal" class="btn red" id="form_area_close">取消</button>
		</div>
	</div>
</div>
<!-- 模态窗口 str -->
<jsp:include page="/pages/common/modal.jsp"></jsp:include>

<script type="text/javascript" src="pages/system/js/DateUtil.js"></script>
<script type="text/javascript" src="pages/monitor/js/packDataMonitor.js"></script>
<script type="text/javascript" src="script/jquery/js/jquery-form.js"></script>
<script type="text/javascript" src="script/jquery/js/jquery.jqprint-0.3.js"></script>
<script type="text/javascript" src="script/jquery/js/jquery.cityselect.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		packMonitorTable.init();
	});
</script>
</html>